// scss 声明好的内容 可以在css都能使用
// vite 提供的功能
$sideBarWidth: 210px;
$navBarHeight: 50px;
$tagsViewHeight: 34px;

// 导航颜色
$menuText: #bfcbd9;
// 导航激活的颜色
$menuActiveText: #409eff;
// 菜单背景色
$menuBg: #304156;
// 主题色
$theme: #409eff;
/* 
:export 是用于sass文件和js文件关联的，
用此可以将sass中样式类似于es6语法中export导出，
并在其他样式或者js文件中直接使用，
import common from  '@/styles/common.scss'
console.log(common.sideWidth)
*/
// 导出变量，可以在  js  都能使用
// css in js 写法
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  menuBg: $menuBg;
  theme: $theme;
  navBarHeight: $navBarHeight;
  tagsViewHeight: $tagsViewHeight;
}
